
import './index.scss'
export const DailyMooth =({data})=>{
    return (
       
        <div className="mooth-wrap">
           <div className='mooth-content'>
              <div className='mooth'>{data.key}</div>
              <div className='mooth-list'>
                <div className='mooth-details'>
                   <span className='pay'>支出</span>
                   <span>{data.pay}</span>
                </div>
                <div className='mooth-details'>
                   <span className='income'>收入</span>
                   <span>{data.income}</span>
                </div>
                <div className='mooth-details'>
                   <span className='residue'>{data.balance}</span>
                   <span>结余</span>
                </div>
              </div>
           </div>
        </div>
    )
}

export default DailyMooth;